<template>
  <div>
    <m-date
      @startChange="startChange"
      @endChange="endChange"
      :startOptions="startOptions"
      :endOptions="endOptions"
    ></m-date>
  </div>
</template>

<script setup lang="ts">
const startOptions = {
  size: "large",
  disabled: false,
};
const endOptions = {
  size: "large",
  disabled: false,
};
const startChange = (newVal: Date) => {
  console.log(newVal, "111");
};
const endChange = (newVal: Date) => {
  console.log(newVal, "222");
};
</script>

<style scoped lang="scss"></style>
